<template>
<div class="f-ab edit-zone">
  <component v-show="currentComp" 
    :is="currentComp.type + '-edit'" 
    :slide="slide"
    :page="currentPage"
    :comp.sync="currentComp">
  </component>
</div>  
</template>
<script>
export default {
  props: {
    slide: {
      type: Object,
      require: true,
      twoWay: true
    },    
    currentPage: {
      type: Object,
      require: true,
      twoWay: true
    },  
    currentComp:{
      type: Object,
      require: true,
      twoWay: true
    }
  },
  components : {
    hyPageEdit : require('./component/hyPageEdit.vue'),
    hyMusicEdit : require('./component/hyMusicEdit.vue'),
    hyTextEdit : require('./component/hyTextEdit.vue'),
    hyButtonEdit : require('./component/hyButtonEdit.vue'),
    hyImageEdit : require('./component/hyImageEdit.vue'),
    hyFormEdit : require('./component/hyFormEdit.vue')
  }
}
</script>